<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎登陆{$system_name}</title>
<link href="{:C('HOME_CSS')}style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{:C('BOOTSTRAP')}/css/bootstrap.min.css">
<script language="JavaScript" src="{:C('HOME_JS')}jquery-2.0.3.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="{:C('BOOTSTRAP')}/js/bootstrap.min.js"></script>
<script src="{:C('LAYERUI')}layui.js"></script>
<script>
	layui.use(['layer'],function(){
		var layer = layui.layer;
	})
</script>
</head>
<body style="">
	<div class="container" style="width:900px;margin: 0 auto;text-align:center;height:800px;background:#f8f8f8;padding:50px;">
		<div class="col-md-6" style="padding:150px 10px;width:420px;">
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				  <!-- Indicators -->
				  <ol class="carousel-indicators">
				    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
				  </ol>
				
				  <!-- Wrapper for slides -->
				  <div class="carousel-inner" role="listbox">
				    <div class="item active">
				      <img src="{:C('HOME_IMAGE')}lunbo1.png" alt="...">
				    </div>
				    <div class="item">
				      <img src="{:C('HOME_IMAGE')}lunbo2.png" alt="...">
				    </div>
				    <div class="item">
				      <img src="{:C('HOME_IMAGE')}lunbo3.png" alt="...">
				    </div>
				  </div>
				
				  <!-- Controls -->
				  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				    <span class="glyphicon glyphicon-chevron-left"></span>
				    <span class="sr-only">Previous</span>
				  </a>
				  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				    <span class="glyphicon glyphicon-chevron-right"></span>
				    <span class="sr-only">Next</span>
				  </a>
			</div>
		</div>
		<div class="col-md-6" style="padding:100px 10px;width:380px;">
			<img src="{:C('HOME_IMAGE')}logo_2.png" alt="" class="img-rounded">
			<img src="{:C('HOME_IMAGE')}wenzi.png" alt="" class="img-rounded">
			<div style="background:#FFFFFF;margin: 13px auto;width:300px;height:220px;padding:50px 10px;">
				 <div class="form-group">
				    <div class="col-sm-1" style="line-height:30px;width:30px;text-align:right;">
				    	<img src="{:C('HOME_IMAGE')}user_icon.png" alt="" class="img-rounded">
				    </div>
				    <div class="col-sm-11" style="width:250px;">
				      	<input class="form-control loginuser" id="" type="text" placeholder="{$Think.lang.LOGIN_INPUT_NAME}" value="" onclick="JavaScript:this.value=''" style="height:30px;"/>
				    </div>
				  </div>
				  <div class="form-group" style="padding:0px;padding-top:30px;">
				    <div class="col-sm-1" style="padding:6px 0px;width:30px;text-align:right;">
				    	<img src="{:C('HOME_IMAGE')}pwd_icon.png" alt="" class="img-rounded">
				    </div>
				    <div class="col-sm-11" style="width:250px;">
				      	<input class="form-control loginpwd" id="" type="password" placeholder="{$Think.lang.LOGIN_INPUT_PASS}" value="" onclick="JavaScript:this.value=''" style="height:30px;"/>
				    </div>
				  </div>
				  <div class="form-group" style="padding:0px;padding-top:30px;">
				    <div class="col-sm-1" style="padding:6px 0px;width:30px;text-align:right;">
				    	
				    </div>
				    <div class="col-sm-11" style="width:250px;">
				      	<input name="" type="button" class="loginbtn" value="登录"  onclick=""  style="height:30px;background:#6ABFA0;width:100%;"/>
				    </div>
				  </div>
			</div>
		</div>
	</div>
    <script>
    	$('.loginbtn').click(function(){
    		var loginuser=$('.loginuser').val();
    		var loginpwd =$('.loginpwd').val();
    		if(!loginuser){
    			layer.msg('{$Think.lang.LOGIN_INPUT_NAME}');
    			return false;
    		}
    		if(!loginpwd){
    			layer.msg('{$Think.lang.LOGIN_INPUT_PASS}');
    			return false;
    		}
    		var data = {user:loginuser,pwd:loginpwd}
    		var url = "{:U('Login/login')}";
    		$.post(url,data,function(res){
    			if(res.code==1){
    				layer.msg('{$Think.lang._SUCCESS}',{time:1000},function(){
    					window.location.href="{:U('Index/index')}";
    				})
    			}else{
    				layer.msg(res.msg);
    			}
    		})
    	})
    </script>
</body>
</html>
